<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="sample-js-browser-app.js"></script>
    <title>Reaktive Web Sample App</title>

    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
</head>
<body>

<div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
    <div id="value">0</div>

    <br/>

    <button id="button-increment">+</button>
    <button id="button-decrement">-</button>
    <button id="button-reset">0</button>
    <button id="button-fibonacci">Fibonacci</button>
    <button id="button-increase-after-1s">Increase after 1s</button>
    <button id="button-increase-every-1s">Increase every 1s</button>

    <br/>

    <img id="loader"
         src="https://cdnjs.cloudflare.com/ajax/libs/galleriffic/2.0.1/css/loader.gif"
         alt="loading..."
         hidden/>
</div>

</body>
</html>
